<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
	<p:dialog id="dlgPrincipal" header="#{mensaje.titulo_ubicaciones}" widgetVar="dlg"
		resizable="false" modal="true" appendTo="@(body)" width="1000" appendToBody="true"
		height="500" dynamic="true" closable="false">

		<h:form id="frm_UP">
			<h1>#{mensaje.titulo_ubicacion}</h1>
						
			<p:commandButton  action="#{ubicacionBean.guardarUbicacion()}"
				value="#{mensaje['comun.guardar']}" icon="ui-icon-disk"
				update="panelUP" onclick="PF('dlgPrincipal').hide();"/>

			<p:commandButton  action="#{ubicacionBean.cancelar()}"
				value="#{mensaje.action_cancelar}" immediate="true"
				icon="ui-icon-cancel"
				onclick="if (!args.validationFailed)PF('dlg').hide();">
				<p:resetInput target="@form" />
			</p:commandButton>

			<p:separator  />
			<br />
			<p:growl autoUpdate="true" />
			<p:focus />
			<p:panel id="panelUP" header="#{mensaje.titulo_ubicacion}" footer="Farma-Lizzie">
				<f:facet name="header">#{mensaje.titulo_ubicacion}</f:facet>
				<!-- MASTER/CABECERA -->
				<h:panelGrid  columns="5">
					<h:panelGrid  columns="2">
						<p:outputLabel  value="#{mensaje['comun.codigo']}" />
						<p:inputText  value="#{ubicacionBean.lote.id}" disabled="true"/>
						<p:outputLabel  value="#{mensaje['comun.fecha']}" />
						<p:calendar value="#{ubicacionBean.lote.fecha}" disabled="true"/>
					</h:panelGrid>
					<p:panel  style="width:100px; border:none"/>
					<h:panelGrid columns="2">
						<p:outputLabel value="#{mensaje['comun.situacion']}"/>		
						<p:selectOneMenu effect="fade"
							disabled="true"
							value="#{ubicacionBean.lote.situacion}"
							required="true"
							requiredMessage="#{mensaje['comun.error.vacio']}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_situacion}" itemDisabled="true" />
							<f:selectItems value="#{ubicacionBean.getSituaciones()}" var="_situacion"
								itemLabel="#{mensaje['comun.situacion']}"  itemValue="#{_situacion}" />
						</p:selectOneMenu>
						<p:outputLabel  value="#{mensaje['titulo.almacen']}" />		
						<p:selectOneMenu  effect="fade"
							value="#{ubicacionBean.lote.almacen}"
							disabled="true"
							converter="#{almacenConverter}" 
							required="true"
							requiredMessage="#{mensaje['comun.error.vacio']}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_almacen}" itemDisabled="true" />
							<f:selectItems value="#{almacenList.findAll()}" var="_almacen"
								itemLabel="#{_almacen.nombre}" itemValue="#{_almacen}" />
						</p:selectOneMenu>
					</h:panelGrid>	
					<p:panel  style="width:100px; border:none"/>
					<h:panelGrid  columns="2">
						<p:outputLabel  value="#{mensaje['titulo.proveedor']}" />		
						<p:selectOneMenu  effect="fade"
							value="#{ubicacionBean.lote.proveedor}"
							converter="#{proveedorConverter}"
							disabled="true" 
							required="true"
							requiredMessage="#{mensaje['comun.error.vacio']}">
							<f:selectItem itemLabel="#{mensaje.label_seleccioneunvalor}"
								itemValue="#{_proveedor}" itemDisabled="true" />
							<f:selectItems value="#{proveedorList.findAll()}" var="_proveedor"
								itemLabel="#{_proveedor.nombre}" itemValue="#{_proveedor}" />
						</p:selectOneMenu>
					</h:panelGrid>	
					<br />
				</h:panelGrid>
				
				
				<p:separator  />

				<h:panelGroup >
						
					<p:commandButton  icon="ui-icon-document" 
						value="#{mensaje['label.importarVerificacionesPedido']}"
							onclick="dlgImportarRecepcionPedido.show()"
						 immediate="true"
						update=":frm_UPImp" />
					<br />
				</h:panelGroup>
				

				<!-- DETAIL/DETALLE -->
				<h:form id="frmDetalle">
						<p:panel id="panelDetalleUP" style="border:none">				        
						    <p:dataTable paginator="true" rows="10"
								value="#{ubicacionBean.lote.loteDetalle}" var="_item"
								paginatorPosition="bottom" editable = "true">
				
								<p:column  sortBy="#{_item.loteNumero}"
									filterBy="#{_item.loteNumero}">
									<f:facet name="header">#{mensaje['label.loteNumero']}</f:facet>
				                        #{_item.loteNumero}
				                </p:column>
				                
								<p:column  sortBy="#{_item.producto.nombre}"
									filterBy="#{_item.producto.nombre}">
									<f:facet name="header">#{mensaje['titulo_producto']}</f:facet>
				                        #{_item.producto.nombre}
				                </p:column>
				
								<p:column  sortBy="#{_item.cantidadRecibida}"
									filterBy="#{_item.cantidadRecibida}">
									<f:facet name="header">#{mensaje['label.verificada']}</f:facet>
				                        #{_item.cantidadVerificada}
				                </p:column>
<!--  				                <p:column headerText="Sector">   -->
<!--  					           <p:selectOneMenu id="sectores" value="#{ubicacionBean.sectorComboValue}" effect="fade" converter="#{sectorConverter}"    -->
<!--  					           					valueChangeListener="#{ubicacionBean.selectOneMenuListener}">  							 		    -->
<!--  					           					<f:selectItem itemLabel="Seleccione un sector" itemValue="#{_sector}" itemDisabled="false" />  -->
<!-- 							 		<f:selectItems value="#{sectorList.findAll()}" var="_sector" itemLabel="#{_sector.nombre}" itemValue="#{_sector}" />   -->
<!--  							 	<p:ajax update="divisiones"/>  -->
<!--  							 	</p:selectOneMenu>   -->
<!--  						        </p:column>  -->
						        <p:column  headerText="#{mensaje.titulo_ubicacion}">  
 <!-- 						        <p:cellEditor>   -->
 		<!-- 			                <f:facet name="output"><h:outputText value="#{_item.sectorDivision.nombre}" /></f:facet>   -->
 			<!-- 		                <f:facet name="input">   -->
						           <p:selectOneMenu id="divisiones" value="#{_item.sectorDivision}" effect="fade" converter="#{divisionConverter}" filter="true" filterMatchMode="startsWith">
						                <f:selectItem itemLabel="Seleccione una ubicacion" itemValue="#{_division}" itemDisabled="false" /> 						           							 	
								 		<f:selectItems value="#{divisionList.findAll()}" var="_division" itemLabel="#{_division.sectorDivisionConcat}" itemValue="#{_division}" /> 							 	
 								   </p:selectOneMenu>  
<!-- 								 	</f:facet> -->
<!-- 								 	</p:cellEditor> -->
						        </p:column> 
						         
				                                				
							</p:dataTable>
						</p:panel>
					</h:form>
			</p:panel>
			<br />
		</h:form>
	</p:dialog>
	
	<p:dialog id="dlgImportDetalleUP" appendTo="@(body)" dynamic="true" header="#{mensaje['comun.articulo']}" widgetVar="dlgImportarRecepcionPedido" resizable="false" modal="true" width="800" height="500">  
		<h:form id="frm_UPImp">
			<p:commandButton value="#{mensaje['comun.importar']}" action="#{ubicacionBean.showMessageIfRecepcionIsSelected()}" icon="ui-icon-disk" update=":frm_UP" onclick="PF('dlgImportarRecepcionPedido').hide(); " />	
			<p:commandButton value="#{mensaje.action_cancelar}" immediate="true" icon = "ui-icon-cancel"  onclick="PF('dlgImportarRecepcionPedido').hide();" />
		    <p:separator /> 	
			<p:panel>
			 	<p:dataTable id="tableImportarOC" 
			 		paginator="true" rows="10" 
			 		value="#{ubicacionBean.loteModel}" var="_ordComp" 
			 		selection="#{ubicacionBean.lote}" rowKey="#{_ordComp.id}" 
			 		>
				<p:column sortBy="#{_ordComp.id}"
					filterBy="#{_ordComp.id}">
					<f:facet name="header">Id</f:facet>
                    #{_ordComp.id}    
                </p:column>				

				<p:column sortBy="#{_ordComp.situacion}"
					filterBy="#{_ordComp.situacion}">
					<f:facet name="header">#{mensaje['comun.situacion']}</f:facet>
                     #{_ordComp.situacion}  
                </p:column>
                
                <p:column selectionMode="single" style="width:2%" />
			        
				</p:dataTable>
			</p:panel>		
		</h:form>
	</p:dialog>

</h:body>
</html>
